<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>首页</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="assets/swiper/css/swiper-3.2.7.min.css" />
	<link  rel="stylesheet" href="font/iconfont.css">
	<link  rel="stylesheet" href="font/demo.css">

	<!--<script src="assets/flexible.debug.js"></script>-->
	<link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
	<style type="text/css">

</style>
</head>
<body>
	<header class="tite">
		
		   <span><img src="images/1.png"/></span>
		   <span><a href="#">今日头条<img src="images/2.png"/></a></span>
		   <span class="sp_1"><a href="html/demo_1.html"><img src="images/3.png"/></a></span>		
		
	</header>
	
	
	
		      <div class="container   con">
	<div class="swiper-container swiper1">
		<div class="swiper-wrapper    cen">
			<div class="swiper-slide selected">推荐</div>
			<div class="swiper-slide">娱乐</div>
			<div class="swiper-slide">科技</div>
			<div class="swiper-slide">汽车</div>
			<div class="swiper-slide">体育</div>
			<div class="swiper-slide">财经</div>
			<div class="swiper-slide">军事</div>
			<div class="swiper-slide">国际</div>
			<div class="swiper-slide">时尚</div>
			<div class="swiper-slide">游戏</div>
			<div class="swiper-slide">热点</div>
			<div class="swiper-slide">社会</div>
			<div class="swiper-slide">育儿</div>
			<div class="swiper-slide">旅游</div>
			<div class="swiper-slide">探索</div>
			<div class="swiper-slide">养生</div>
		</div>
		
		<div class="cen_1">
			<img src="images/4.png"/>
		</div>
		
	</div>
	<!-- swiper2 -->
	<div class="swiper-container swiper2">
		<div class="swiper-wrapper ">
			<div class="swiper-slide swiper-no-swiping">
				<div class="swiper-slide swiper-no-swiping" style="background-color:#fff;">
					
					<div class="inner1">
						<a href="http://m.365yg.com/i6490458635674583565/"><div class="inn_1">
								
		<dl class="_dl">
			<dd>
				<p class="p1">习近平：新时代的领路人</p>
				<p class="p2"><span>置顶</span> 新华网 评论 190</p>
			</dd>
			<dt><img src="images/download.jpg"></dt>
		<dl>
		
						</div></a>
	
		<div class="_div">
			<a href="https://m.toutiao.com/search/?keyword=%E5%85%B0%E5%8F%AF%E5%84%BF&from=search_tab">
				<h5>米兰达可儿怀孕，通过孩子咱们看看，明星是否整容一看便知</h5>
				<ul>
					<li><img src="images/down_1.jpg"></li>
					<li><img src="images/down_2.jpg"></li>
					<li><img src="images/down_3.jpg"></li>
				</ul>
				<p>思悠悠 评论 92 2小时前</p>
			</a>
		</div>
		<div class="_div">	
			<a href="https://m.toutiao.com/search/?keyword=%E4%B8%B9%E9%BA%A6%E5%B8%88%22%E9%84%99%E8%A7%86%22%E4%B8%AD%E5%9B%BD%E5%AD%A9%E5%AD%90&from=search_tab">
				<h5>深度 | 丹麦师生'鄙视'中国孩子，5轮竞猜后惨遭碾压！打了谁的脸？</h5>
				<ul>
					<li><img src="images/down_10.png"></li>
					<li><img src="images/down_11.png"></li>
					<li><img src="images/doen_12.png"></li>
				</ul>
				<p>中国网教育频道 评论 1358 2小时前</p>
			</a>
		</div>
		
		
		<div class="_div">
			<a href="https://m.toutiao.com/search/?keyword=%E5%AF%92%E8%A1%A3%E8%8A%82&from=search_tab">
				<h5>明天11月18日，农历十月初一，俗称寒衣节三大风水禁忌不可不知</h5>
				<ul>
					<li><img src="images/down_4.jpg"></li>
					<li><img src="images/doen_5.jpg"></li>
					<li><img src="images/down_6.jpg"></li>
				</ul>
				<p>思悠悠 评论 92 2小时前</p>
			</a>
		</div>
		
		
		<div class="_div">
			<a href="https://m.toutiao.com/search/?keyword=%E7%BE%8E%E5%86%9B%E5%86%9B%E4%BA%8B%E8%A1%8C%E5%8A%A8&from=search_tab">
				<h5>美军当年这一军事行动敲醒中国，打造大国空军还差这神器</h5>
				<ul>
					<li><img src="images/down_7.jpg"></li>
					<li><img src="images/down_8.jpg"></li>
					<li><img src="images/down_9.jpg"></li>
				</ul>
				<p>思悠悠 评论 92 2小时前</p>
			</a>
		</div>
	</div>

					
					
					
		
					
					
				</div>
			</div>
			<div class="swiper-slide swiper-no-swiping">1</div>
			<div class="swiper-slide swiper-no-swiping">内容 213213123</div>
			<div class="swiper-slide swiper-no-swiping">内容 ressssssss</div>
			<div class="swiper-slide swiper-no-swiping">内容 ffffffffffff</div>
			<div class="swiper-slide swiper-no-swiping">内容 bbbbbbbbbbbbbbbbbvb</div>
			<div class="swiper-slide swiper-no-swiping">内容 bvcccccccccccbvb</div>
			<div class="swiper-slide swiper-no-swiping">内容 sdasdssssss</div>
			<div class="swiper-slide swiper-no-swiping">内容 oiouiouioiuoiuo</div>
			<div class="swiper-slide swiper-no-swiping"></div>
			<div class="swiper-slide swiper-no-swiping">22222</i></div>
		</div>
	</div>

</div>

 	
	  
	 <footer class="foot">
	 	<div>
	 		<i  class="iconfont icon-home"></i>
	 		<p>
	 		   首页
	 	    </p>
	 	</div>
	 	<div>
	 		<i  class="iconfont icon-zanting"></i>
	 		<p>
	 		   视频
	 	    </p>
	 	</div>
	 	<div>
	 		<i  class="iconfont icon-jiahao"></i>
	 		<p>
	 		   发布
	 	    </p>
	 	</div>
	 	<div>
	 		<i  class="iconfont icon-xinxi1"></i>
	 		<p>
	 		   微头条
	 	    </p>
	 	</div>
	 	<div>
	 		<i  class="iconfont icon-ren"></i>
	 		<p>
	 		   我的
	 	    </p>
	 	</div>
	 	</footer>
	 	
	 	
	 	
	 	
	<script src="assets/jquery/jquery-3.2.1.js"></script>
	<script src='assets/swiper/js/swiper.jquery.min.js'></script>
	
	<script src="assets/swiper/js/swiper-3.4.0.jquery.min.js" ></script>

	<script src='assets/artTemplate/template-web.js'></script>
	<script src="font/iconfont.js"></script>
	
	<script src="js/index.js"></script>
</body>
</html>
